<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> <%-- JSTL表达式（判断，循环，输出） --%>
<%@taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %> <%-- 方法表达式（字符串截取，替换） --%>
<%
  String path = request.getContextPath();
  String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html>
<head>
    <title></title>
</head>
<body>

<div class="modal-login hide js-modal-login">
  <div class="login-box js-login-box">
    <div class="form-group">
      <i class="icon3 i-phone"></i>
      <input class="group-input phone " id="js-mobile" placeholder="输入手机号">
    </div>
    <div class="form-group">
      <i class="icon3 i-pwd"></i>
      <input class="group-input pwd" type="password" id="js-password" placeholder="输入密码">
    </div>
    <div class="form-btn-group">
      <div class="form-group">
        <a class="btn-link active js-confirm-login">登录</a>
      </div>
      <div class="form-group">
        <a class="btn-link js-tag-register">注册</a>
      </div>
    </div>
    <div class="third-box text-center">
      <%--<div class="title">社交账号登陆</div>--%>
      <%--<i class="icon3 i-qq js-qq-login"></i>--%>
      <%--<i class="icon3 i-wx js-wx-login"></i>--%>
    </div>
  </div>

  <div class="wx-box hide">
    <div id="login_container" class="text-center">

    </div>
  </div>

  <div class="register-box hide js-register-box">
    <div class="register-title text-center">
      注册账户
    </div>
    <div class="phone-box js-phone-box">
      <div class="form-group">
        <input class="group-input" id="js-register-nickname" placeholder="输入昵称">
      </div>
      <div class="form-group">
        <em class="code text-center">+86</em>
        <input class="group-input phone" id="js-register-mobile" placeholder="请输入手机号">
      </div>

      <div class="form-btn-group">
        <div class="form-group">
          <a class="btn-link active js-register-next">下一步</a>
        </div>
        <div style="height: 30px"></div>
      </div>
    </div>
    <div class="pwd-box js-pwd-box hide">
      <div class="form-group">
        <input class="group-input " id="js-register-captcha" placeholder="输入验证码">
      </div>
      <div class="form-group">
        <input class="group-input" type="password" id="js-register-password" placeholder="输入密码">
      </div>
      <div class="form-btn-group">
        <div class="form-group">
          <a class="btn-link active js-confirm-register">完成</a>
        </div>
      </div>

    </div>

  </div>
</div>

<header>
  <div class="container">
    <div class="logo-box">
      <img src="<%=basePath%>images/logo.png" height="70">
    </div>
    <ul class="nav nav-ul">
      <li><a href="<%=basePath%>">首页</a></li>
      <li><a href="<%=basePath%>article/getArticleIndex">文章</a></li>
      <li><a href="<%=basePath%>article/getNewsIndex">特讯</a></li>
      <li><a href="<%=basePath%>activity/getActivityIndex">产品与活动</a></li>
      <li><a href="<%=basePath%>activity/toAbout">关于我们</a></li>
    </ul>
    <ul class="nav nav-right">
        <c:if test="${loginUser == null}">
        <li class="js-login">登录</li>
        <li class="js-register">注册</li>
        </c:if>
        <c:if test="${loginUser != null}">
        <li onclick="window.location.href='<%=basePath%>user/usercenter'">
          <div class="login-user">
            <a href="javascript:;"><img src="${loginUser.headImg}"></a>
          </div>
          <span class="name">${loginUser.operatorName}</span>
        </li>
        <li style="color: #0075b0" onclick="window.location.href='<%=basePath%>activity/getActivityIndex_My'">我的收藏</li>
          <li style="color: #0075b0" onclick="window.location.href='<%=basePath%>order/getOrderActivityIndex'">我的订单</li>
        <li class="js-log-out">退出</li>
        </c:if>
    </ul>
  </div>
</header>

<div class="dialog_1" id="wf">
  <div class="control-label"><input placeholder="输入手机号" class="login shouji" type="text" /></div>
  <div class="control-label"><input placeholder="输入验证码" class="login mima" type="text"></div>
  <div class="modal-footer">
    <button type="button" class="btn btn-primary" onclick="submit(this)">登录</button>
  </div>
</div>

<script src="<%=basePath%>js/jquery.min.js"></script>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
</body>
</html>
